<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小儿推拿</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/fontClass/iconfont.css">
    <link rel="stylesheet" href="../css/datatimepicker/jquery.datetimepicker.css">
    <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div class="Baby_Healthy_home">
    <div class="Baby_Healthy_home_left">
        <div class="Baby_Healthy_home_left_logo">
            <img class="Baby_Healthy_home_left_img" src="../images/1.jpg"/>
            <div class="Baby_Healthy_home_left_name">
                <p class="Baby_Healthy_home_left_name_tit">小儿推拿</p>
                <p class="Baby_Healthy_home_left_name_tip">顺义店</p>
            </div>
        </div>
        <ul class="Baby_Healthy_home_left_sideBar">
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="home/home.html"><i class="icon iconfont icon-icon-test14"></i>工作台</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="bespeak.html"><i class="icon iconfont icon-icon-test16"></i>预约管理</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../orderManagement.html"><i class="icon iconfont icon-icon-test4"></i>订单管理</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../userlib.html"><i class="icon iconfont icon-icon-test5"></i>病人库</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../vip.html"><i class="icon iconfont icon-icon-test3"></i>会员中心</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../cardManagement/homePage.html"><i class="icon iconfont icon-icon-test6"></i>卡券管理</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../storeSetting.html"><i class="icon iconfont icon-icon-test6"></i>门店设置</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../staffManagement/staffManagement_hp.html"><i class="icon iconfont icon-icon-test10"></i>员工管理</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../basicSetting.html"><i class="icon iconfont icon-icon-test15"></i>基础设置</a></li>
        </ul>
    </div>
    <!--右侧-->
    <div class="Baby_Healthy_home_right">
        <div class="Baby_Healthy_home_right_top">
            <ul class="Baby_Healthy_home_right_top_list">
                <li class="num1">订单管理</li>
            </ul>
        </div>
        <!--预约列表-->
        <div class="Baby_Healthy_home_right_bespeak_list">
            <div class="Baby_Healthy_home_right_bespeak_search">
                <button class="Baby_Healthy_home_right_bespeak_btn">快速开单</button>
                <div class="Baby_Healthy_home_right_bespeak_btn_searchbox">
                    <input class="bespeak_search_input" type="text" placeholder="请输入手机号、订单号">
                    <button class="bespeak_search_button">搜索</button>
                </div>
            </div>
            <div class="bespeak_search_container">
                <div class="bespeak_search_container_seive">
                    <lable>时间筛选：
                        <input id="datetimepicker" type="text"  class="picker_style" placeholder="请选择日期">
                        <span>&nbsp;至&nbsp;</span>
                        <input id="datetimepicker" type="text" class="picker_style"  placeholder="请选择日期">
                    </lable>
                    <lable style="margin-left: 2rem">
                        <span>付款方式：</span>
                        <select name="" id="" class="picker_style order_select_color">
                            <option value="">所有</option>
                        </select>
                        <span class="order_span_margin">订单类型：</span>
                        <select name="" id="" class="picker_style order_select_color">
                            <option value="">所有订单</option>
                        </select>
                        <span class="order_span_margin">获客门店：</span>
                        <select name="" id="" class="picker_style order_select_color">
                            <option value="" class="">全部</option>
                        </select>
                    </lable>
                </div>
                <ul class="bespeak_change_list">
                    <li class="bespeak_change_list_actve active_bgc">全部</li>
                    <li class="bespeak_change_list_actve">已完成</li>
                    <li class="bespeak_change_list_actve">已取消</li>
                </ul>
                <table class="order_change_table table_margin_order">
                    <thead>
                    <tr class="bespeak_change_title"  colspan="8">
                        <th class="bespeak_change_one">服务&药品</th>
                        <th class="bespeak_change_two">单价</th>
                        <th class="bespeak_change_people">数量</th>
                        <th class="bespeak_change_statue">医师</th>
                        <th class="bespeak_change_time">客户</th>
                        <th class="bespeak_change_time1">金额</th>
                        <th class="bespeak_change_store">下单门店</th>
                        <th class="bespeak_change_statue1">状态</th>
                    </tr>
                    </thead>
                </table>
                <table class="bespeak_change_table table_margin_order">
                    <thead>
                    <tr class="bespeak_change_title">
                        <th  colspan="8" class=""><span>2018-01-10</span><span class="statue_order_num">M2019JSJSN912803UNBCD309H8309HBCDX3908</span></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="bespeak_change_one">
                            <img class="bespeak_change_img" src="../images/1.jpg">
                            <div class="order_change_name">
                                <span>张四</span>
                                <span>18919266045</span>
                            </div>
                        </td>
                        <td class="bespeak_change_two table_fontSize">￥99.00</td>
                        <td class="bespeak_change_people table_fontSize">x1</td>
                        <td class="bespeak_change_statue table_fontSize">医师1号</td>
                        <td class="bespeak_change_time">
                            <span>张三</span>
                            <span>18919266045</span>
                        </td>
                        <td class="bespeak_change_time table_fontSize">￥99.00</td>
                        <td class="bespeak_change_time1 table_fontSize">国医堂顺义店</td>
                        <td class="bespeak_change_statue1 table_fontSize">
                            <span>已付款</span>
                            <span>订单详情</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <table class="bespeak_change_table table_margin_order hidden">
                    <thead>
                    <tr class="bespeak_change_title">
                        <th  colspan="8" class=""><span>2018-01-10</span><span class="statue_order_num">M2019JSJSN912803UNBCD309H8309HBCDX3908</span></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="bespeak_change_one">
                            <img class="bespeak_change_img" src="../images/1.jpg">
                            <div class="order_change_name">
                                <span>张三</span>
                                <span>18919266045</span>
                            </div>
                        </td>
                        <td class="bespeak_change_two">￥99.00</td>
                        <td class="bespeak_change_people">x1</td>
                        <td class="bespeak_change_statue">医师1号</td>
                        <td class="bespeak_change_time">
                            <span>张三</span>
                            <span>18919266045</span>
                        </td>
                        <td class="bespeak_change_time">￥99.00</td>
                        <td class="bespeak_change_time1">国医堂顺义店</td>
                        <td class="bespeak_change_equic">
                            <span>已付款</span>
                            <span>订单详情</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <table class="bespeak_change_table table_margin_order hidden">
                    <thead>
                    <tr class="bespeak_change_title">
                        <th  colspan="8" class=""><span>2018-01-10</span><span class="statue_order_num">M2019JSJSN912803UNBCD309H8309HBCDX3908</span></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="bespeak_change_one">
                            <img class="bespeak_change_img" src="../images/1.jpg">
                            <div class="order_change_name">
                                <span>张六</span>
                                <span>18919266045</span>
                            </div>
                        </td>
                        <td class="bespeak_change_two">￥99.00</td>
                        <td class="bespeak_change_people">x1</td>
                        <td class="bespeak_change_statue">医师1号</td>
                        <td class="bespeak_change_time">
                            <span>张三</span>
                            <span>18919266045</span>
                        </td>
                        <td class="bespeak_change_time">￥99.00</td>
                        <td class="bespeak_change_time1">国医堂顺义店</td>
                        <td class="bespeak_change_equic">
                            <span>已付款</span>
                            <span>订单详情</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>
</body>
<script src="../js/common.js"></script>
<script src="../js/datatimepicker/jquery.datetimepicker.min.js"></script>
<script>
    $(function(){
        $('#datetimepicker').datetimepicker({
            lang:"ch", //语言选择中文 注：旧版本 新版方法：$.datetimepicker.setLocale('ch');
            format:"Y-m-d",      //格式化日期
            timepicker:false,    //关闭时间选项
            yearStart:2000,     //设置最小年份
            yearEnd:2050,        //设置最大年份
            todayButton:false    //关闭选择今天按钮
        });


//        table切换
        $('.bespeak_change_list_actve').on('click',function(){
            var thisIndex = $(this).index();
            $(this).addClass("active_bgc").siblings().removeClass("active_bgc");
            $('.bespeak_change_table').eq(thisIndex).show().siblings(".bespeak_change_table").hide();
        })
    });
</script>
</html>